<!DOCTYPE html>
<html lang="en">
	<head>
		{% load static %}
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="shortcut icon" href="{% static 'img/seed.ico'%}" type="image/x-icon" />
		<title>上传测试</title>

		<link rel="stylesheet" href="{% static 'css/bootstrap.min.css'%}">
		<link rel="stylesheet" href="{% static 'icon/font/bootstrap-icons.min.css'%}" />

		<link href="{% static 'css/fileinput.css'%}" media="all" rel="stylesheet" type="text/css" />
		<link href="{% static 'css/all.css'%}" rel="stylesheet" type="text/css" />


		<script src="{% static 'js/jquery-3.6.0.min.js'%}"></script>
		<script src="{% static 'js/bootstrap.bundle.min.js'%}"></script>
		<script src="{% static 'js/plugins/buffer.min.js'%}"></script>
		<script src="{% static 'js/plugins/filetype.min.js'%}"></script>
		<script src="{% static 'js/fileinput.js'%}"></script>

		<script src="{% static 'themes/fa5/theme.js'%}"></script>

	</head>
	<body>
		<div class="container my-4">
			<form id="upload" enctype="multipart/form-data">
				{% csrf_token %}
				<!-- <div class="form-group">
					<div class="file-loading">
						<label>Preview File Icon</label>
						<input id="file-3" type="file" multiple class="file" accept=".png, .jpg, .gif, jpeg, .tif" />
					</div>
					<div class="custom-control custom-switch ml-2" id="isPhoneCap"
						style="display:inline-flex;align-items:center;">
						<input type="checkbox" class="custom-control-input" id="chkPhoneCap">
						<label class="custom-control-label" for="chkPhoneCap">手机拍照</label>
						<button type="button" id="detectSeeds" class="btn btn-success ml-2 mr-3" style=";">种子检测</button>
					</div>


				</div> -->
			</form>
		</div>

		<div class="container my-4">
			<div class="file-loading ">
				<input id="kartik-input-705" name="kartik-input-705[]" multiple type="file">
			</div>
		</div>
		<script>
			$("#kartik-input-705").fileinput({
				uploadUrl: '../uploadFiles',
				maxFileCount: 2,
				maxTotalFileCount: 3,
				initialPreviewAsData: true,
				overwriteInitial: false,
				uploadExtraData: function() {
					let csrf = $('#upload input[name="csrfmiddlewaretoken"]').val();
					return {
						'csrfmiddlewaretoken': csrf
					}
				},
			});
		</script>

	</body>
	<style>
		/*
	.krajee-default.file-preview-frame .kv-file-content {
	    width: 100%;
		heiht: 100%;
		min-width: 213px;
	    min-height: 160px;
	}
	*/
	</style>
	<script src="{% static 'js/axios.min.js' %}"></script>

	<script src="{% static 'js/bootstrap-input-spinner.js' %}"></script>
	<script src="{% static 'js/bootbox.min.js' %}"></script>
</html>
